<template>
    <div class="table">
        <div class="crumbs">
            <el-breadcrumb separator="/">
                <el-breadcrumb-item><i class="el-icon-lx-cascades"></i> 学校列表</el-breadcrumb-item>
            </el-breadcrumb>
        </div>
        <el-table
        :data="schooleList"
        style="width: 100%">
        <el-table-column
            prop="Name"
            label="学校名">
        </el-table-column>
        </el-table>
    </div>
</template>

<script>
    import { getSchoolList } from '../../api/school';
    export default {
        name: 'basetable',
        data() {
            return {
                schooleList:[]
            }
        },
        created() {
            this.getData();
        },
        
        methods: {
            // 分页导航
            handleCurrentChange() {
                this.getData();
            },
            /**
             * 请求学校列表
             */
            getData() {
                getSchoolList({
                    type:"first"
                }).then((res) => {
                    if(res.flag===1){
                        this.schooleList = res.data.Results
                    }
                })
            }
        }
    }

</script>

<style scoped>
    .handle-box {
        margin-bottom: 20px;
    }

    .handle-select {
        width: 120px;
    }

    .handle-input {
        width: 300px;
        display: inline-block;
    }
    .del-dialog-cnt{
        font-size: 16px;
        text-align: center
    }
    .table{
        width: 100%;
        font-size: 14px;
    }
    .red{
        color: #ff0000;
    }
    .mr10{
        margin-right: 10px;
    }
</style>
